﻿@{
    Layout = "../Shared/_Layout.cshtml";
}
<div data-main="true">
    <div class="donation-info">
        <a class="pull-right" href="/about"><img width="100" src="@Url.Content("~/Content/me_small.jpg")" /></a>
        Уважаемые участники и зрители! Наш проект плавно движется к своему завершению, и сейчас мы активно готовимся к выставке проекта. На которую будут приглашена вся добрая половина нашего города!
        В связи с этим мы подсчитали расходы: только на печать фотографий и вклеивание их на пенокартон нужно около 60 000 руб.
        Если вы хотите помочь нам, то воспользуйтесь возможностью <a href="/about">пожертвовать</a> в разделе <a href="/about">"О проекте"</a>.
        Все пожертвования я буду оглашать публично, и прозрачно. Также если вы желаете как то проспонсировать проект, либо есть возможность помочь как то не материально пишите нам.
        <br />P.S. Я верю! Мы сделаем это!
        <div class="clearfix"></div>
    </div>

    <!-- ko if: Photos().length > 0 -->
    <!-- ko template: {name:'photos-template', foreach: Photos()} -->
    <!-- /ko -->
    <!-- ko if: scrolled() & !mobileWidth()-->
    <div data-bind="scroll: scrolled(), scrollOptions: { loadFunc: load, offset: 50 }"></div>
    <!-- /ko -->
    <!-- ko if: scrolled() && mobileWidth() -->
    <div class="row text-center">
        <button class="btn btn-default btn-lg" data-bind="click: load">
            Загрузить ещё фотографии
            <span class="glyphicon glyphicon-arrow-down"></span>
        </button>
    </div>
    <!-- /ko -->
    <!-- /ko -->
</div>
@{
    Html.RenderPartial("Ko/PhotosT");
}
@section scripts
{
    <script>
        $(function () {
            var image = "http://mshots.ru/Content/images/canon.png";
            $("#image_content").attr('content', image);
            $("#image_src").attr('href', image);
        })
    </script>
}
